<template>
    <div>
        <el-form-item label="饼图模式">
            <el-radio-group v-model="data.options.series[0].roseType">
                <el-radio label="">默认模式</el-radio>
                <el-radio label="radius">半径模式</el-radio>
                <el-radio label="area">面积模式</el-radio>
            </el-radio-group>
        </el-form-item>
        <common-echart :data="data" type="pie"></common-echart>
        <el-form-item label="饼图颜色组">
            <ul class="colors">
                <li v-for="(color,index) in data.options.series[0].color" :key="index">
                    <el-color-picker v-model="data.options.series[0].color[index]"></el-color-picker>
                </li>
            </ul>
        </el-form-item>
        <el-form-item label="内圆大小">
            <el-input v-model="data.options.series[0].radius[0]"></el-input>
        </el-form-item>
        <el-form-item label="外圆大小">
            <el-input v-model="data.options.series[0].radius[1]"></el-input>
        </el-form-item>
    </div>
</template>
<script>
import CommonEchart from './CommonEchart'
import {getEchartByType} from '@/api/api'
export default {
    name: 'SetPicEchart',
    components: {
        CommonEchart
    },
    props: {
        data: {
            type: Object
        },
        selectDict: {
            type: Array
        }
    },
    data(){
        return {

        }
    },

    methods: {

    }
}
</script>
<style lang="scss" scoped>
    .colors{
        display: block;
        li{
            display: inline-block;
            width: 30px;
            height: 20px;
            margin-left: 5px;
        }
    }
</style>
